/* 如需适配多种移动设备，建议使用rem */
html
  // font-size 625%
  overflow hidden
  user-select none
body
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif
  /* 设置14px字体 这里注意在rem前要加上对应的px值，解决不支持rem的浏览器的兼容问题，做到优雅降级 */
  font-size 16px
  font-size 1.6rem
  overflow hidden
  user-select none
  margin 0
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color	:rgba(0,0,0,0);
	-moz-tap-highlight-color:rgba(0,0,0,0);
	-ms-tap-highlight-color:rgba(0,0,0,0);
	tap-highlight-color:rgba(0,0,0,0);

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td {
  font-weight: normal;
  float:none !important;
}
video::-webkit-media-controls {
  // 视频控制器
}
table, th, td { vertical-align: middle;}
em,i {font-style:normal;}
a, img { border: none; text-decoration:none; outline: 0; }
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none;padding:0;
}
figure{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

/* 视网膜显示屏CSS */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {}


/* 美化滚动条 */
::-webkit-scrollbar
  // display none
  width .6rem
  border-radius .6rem
  background: linear-gradient(0deg, rgba(181,216,243,.1), rgba(181,216,243,1))
::-webkit-scrollbar-track
  width .6rem
  border-radius .6rem
  background: linear-gradient(0deg, rgba(181,216,243,.1), rgba(181,216,243,1))
::-webkit-scrollbar-thumb
  border-radius 1.6rem
  width 3rem
  background-color #1e9adc
  transition background-color .25s
::-webkit-scrollbar-thumb:hover
  background-color rgba(95,95,95, .7)

/*app-bar文字样式*/
.bar
  font-size 3.6rem
  color #2f3f77

// 引入字体图标
@import "./iconfont.styl"

// 引入过渡动效
@import "./trans.styl"

// 引入颜色
@import "./color.styl"

// 引入颜色
@import "./override.styl"
